<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>我的新版朋友圈!!!</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" href="${CONTEXT_PATH}/zb/css/index.css">
<script src="${CONTEXT_PATH}/zb/js/analytics.js"></script>
<script src="${CONTEXT_PATH}/zb/js/jquery.min.js" type="text/javascript"></script>
<style type="text/css" adt="123"></style>
<script src="${CONTEXT_PATH}/zb/js/jweixin-1.0.0.js"></script>
<script><#include "/zb/wxjs.html" encoding="utf-8"/></script>

<style type="text/css">
    * {cursor: pointer;}
.weui_mask_transition {
    display: none;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background .3s;
    transition: background .3s;
}
.weui_fade_toggle {
    background: rgba(0, 0, 0, 0.6);
}
.weui_actionsheet {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    width: 100%;
    background-color: #EFEFF4;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.weui_actionsheet_toggle {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.weui_actionsheet_menu {
    background-color: #FFFFFF;
}
.weui_actionsheet_cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.weui_actionsheet_cell:first-child:before {
    display: none;
}
.weui_actionsheet_cell {
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
}
.weui_actionsheet_cell.title {
    color: #999;
}
.weui_actionsheet_action {
    margin-top: 6px;
    background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="actionSheet_wrap">
    <div class="weui_mask_transition" id="mask" style="display: none;">
    </div>
    <div class="weui_actionsheet" id="weui_actionsheet">
        <div class="weui_actionsheet_menu">
            <div class="weui_actionsheet_cell title">
                �选择进入你的朋友圈
            </div>
            <div class="weui_actionsheet_cell play_pyq" data-scene="man">
                男版朋友圈
            </div>
            <div class="weui_actionsheet_cell play_pyq" data-scene="woman">
                女版朋友圈
            </div>
        </div>
        <div class="weui_actionsheet_action">
            <div class="weui_actionsheet_cell actionsheet_cancel">
                取消
            </div>
        </div>
    </div>
</div>
<!--  -->
<div id="actionSheet_wrap_child">
    <div class="weui_mask_transition" id="mask_child" style="display: none;">
    </div>
    <div class="weui_actionsheet" id="weui_actionsheet_child">
        <div class="weui_actionsheet_menu">
            <div class="weui_actionsheet_cell title">
                �选择你想要的版本
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="a">
                明星朋友圈A
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="b">
                明星朋友圈B
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="c">
                明星朋友圈C
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="xy">
                西游朋友圈
            </div>
            <div class="weui_actionsheet_cell play_type" data-type="sh">
                水浒朋友圈
            </div>
        </div>
        <div class="weui_actionsheet_action">
            <div class="weui_actionsheet_cell actionsheet_cancel">
                取消
            </div>
        </div>
    </div>
</div>
<!--/ -->
<div style="margin:0 auto;display:none;">
    <img class="data-avt" src="#">
</div>

<header>
<img id="bg" src="${CONTEXT_PATH}/zb/img/bg1.jpg">
<p id="user-name" class="data-name">�</p>
<img id="avt" class="data-avt" src="#">
</header>
<div id="main">
    <div id="list">
      <ul>
         <li>
                <div class="po-avt-wrap">
                    <img class="po-avt data-avt" src="#">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name"><span class="data-name">�</span></p>
                        <div class="post">
                            <p>听说国内冻成狗了？我这边还挺热～</p>
                            <p>
                                <img class="list-img" src="${CONTEXT_PATH}/zb/img/jc.jpg" style="height: 80px;">
                                <img class="list-img" src="${CONTEXT_PATH}/zb/img/yz.jpg" style="height: 80px;">
                                <img class="list-img data-avt" src="#" style="height: 80px;">
                            </p>
                        </div>
                        <p class="time">刚刚</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">王宝强，鹿晗，郑凯，李晨，王祖蓝，…</div>
                        <div class="cmt-list">
                        <p><span>wu世勋-EXO：</span>나는 서명～</p>
                        <p><span>鹿晗：</span><span class="data-city">黄冈</span>都快下雪了，我也想跟哥去热热～</p>
                        <p><span>权志龙：</span>나는 서명～</p>
                        <p><span class="data-name">�</span>回复<span>鹿晗：</span>马上！带个妹子飞过来！</p>
                        </div>
                    </div>
                </div>
            </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/bingbing.jpg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">范冰冰</p>
                <div class="post">
                    <p>听说你那边下雪了，记得照顾好自己 @<span class="data-name">�</span></p>
                    <img class="list-img" src="${CONTEXT_PATH}/zb/img/bing1.jpg" style="height: 80px;">
                    <img class="list-img data-avt" src="#" style="height: 80px;">
                </div>
                <p class="time">1分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
            <div class="r"></div>
            <div class="cmt-wrap">
                <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png"> 陈漫chenman </div>
                <div class="cmt-list">
                    <p><span>李晨：</span>我吃醋了@<span class="data-name">�</span>，我们来打一架吧</p>
                    <p><span class="data-name">�</span><span> ：</span>冰冰姐，你这样黑牛会杀了我</p>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/cjk.jpg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">苍井空</p>
                <p class="post">还是好困~</p>
                    <img src="${CONTEXT_PATH}/zb/img/cjk2.jpg">
                    </div>
                <p class="time">2分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">大鹏，王俊凯，陈冠希，刘恺威，张杰，李易峰</div>
                    <div class="cmt-list">
                        <p><span>陈冠希：</span>怪我咯~</p>
                        <p><span class="data-name">�</span><span>：</span>怪我咯~</p>
                        <p><span>大鹏：</span>怪我咯~</p>                        
                        <p><span>李易峰：</span>怪我咯~</p>                        
                        <p><span>苍井空</span>回复<span class="data-name">�</span><span> ：</span>知道就好！</p>
                    </div>
                </div>
            </div>
        
    </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/liu.jpeg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">刘嘉玲</p>
                <div class="post">
                    <p>电影澳门风云3首映，好久不见了各位大爷！还有一个不愿露面的 @<b class="data-name">�</b></p>
                    <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu1.jpg" style="height: 80px;">
                    <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu3.jpg" style="height: 80px;">
                    <img class="list-img data-avt" src="#" style="height: 80px;">
                </div>
                <p class="time">3分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
        </div>
    </li>
  
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/TF1.jpeg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">TFboy-王俊凯</p>
                <div class="post">
                    <p>最可惜的，就是三缺一。@<span class="data-name">�</span></p>
                    <p>
                        <img class="list-img" src="${CONTEXT_PATH}/zb/img/TF2.jpeg" style="height: 80px;">
                        <img class="data-avt list-img" src="#" style="height: 80px;">
                    </p>
                </div>
                <p class="time">50分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
            <div class="r">
            </div>
            <div class="cmt-wrap">
                <div class="like">
                    <img src="${CONTEXT_PATH}/zb/img/like_icon.png">
                    <b class="data-name">�</b>
                </div>
                <div class="cmt-list">
                    <p><span>tfboy-王源</span><span>：</span>一辈子兄弟</p>
                    <p><span>黄晓明</span><span>：</span>可惜，四小帅哥，加油！</p>
                    <p><span class="data-name">�</span><span>：</span>别这么伤感，我还没死</p>
                    <p><span>tfboy-王俊凯</span>回复<span class="data-name">�</span><span> ：</span>死鬼！</p>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/a7.jpg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">金星</p>
                <p class="post">红安人关注这个红安人绝对发大财,小样,不信算了<img src="${CONTEXT_PATH}/zb/img/code_superhunter8.jpg"></p>
                <p class="time">55分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
            <div class="r"> </div>
            <div class="cmt-wrap">
                <div class="cmt-list">
                    <p><span class="data-name">�</span><span> ：</span>星姐，求虐！</p>
                    <p><span>金星</span>回复<span class="data-name">�</span><span> ：</span>你呢，人长的挺好看，就是偏偏要靠才华。</p>
                </div>
            </div>
        </div>
    </li>
</ul>
 </div>
    <div id="share">
        <p>
            （此朋友圈纯属虚构.Powered by 红安人 ,更多有趣的玩法,请关注下方公众号）
        </p>
        <p>
        <img src="${CONTEXT_PATH}/zb/img/code_superhunter8.jpg">
        </p>
        <div style="padding:15px;padding-bottom:20px">
            <button id="gotoplay" class="btn btn-success btn-lg btn-block">我也要玩</button>
            <br>
        </div>
    </div>
    <style type="text/css">
        #abbox {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
#abbox a.ab_btn {
    background: none;
    width: 100%;
}
#abbox a.ab_btn img {
    width: 100%;
    border: 1px solid #efefef;
}
#abbox p {
    color: #999999;
    text-align: center;
    font-size: 18px; 
    border-bottom: 1px dashed #999999;
    margin-bottom: 20px;
}
        .adlabel1 {
            background: #787878;
            color: #FFF;
            padding:3px 5px;
            padding-left: 21px;
            margin-right: 1px;
            float:right;
            font-size: 14px; 
        }
        .adlabel1 img {
            width: 14px;
            height: 14px;
            margin-left: -15px;
            position: absolute;
        }
        .adlabel2 {
            background: #2b61c1;
            color: #FFF;
            padding:3px 5px;
            float:right;
            font-size: 14px; 
        }
    </style>
     
    <div id="noguide" class="hide">
    </div>
</div>

<script id="scene" type="text/template">
      <ul>
         <li>
                <div class="po-avt-wrap">
                    <img class="po-avt data-avt" src="">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name"><span class="data-name"></span></span></p>
                        <div class="post">
                            <p>听说国内冻成狗了？我这边还挺热～</p>
                            <p>
                                <img class="list-img" src="${CONTEXT_PATH}/zb/img/jc.jpg" style="height: 80px;">
                                <img class="list-img" src="${CONTEXT_PATH}/zb/img/yz.jpg" style="height: 80px;">
                                <img class="list-img data-avt" src="" style="height: 80px;">
                            </p>
                        </div>
                        <p class="time">刚刚</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">王宝强，鹿晗，郑凯，李晨，王祖蓝，…</div>
                        <div class="cmt-list">
                        <p><span>wu世勋-EXO：</span>나는 서명～</p>
                        <p><span>鹿晗：</span><span class="data-city"></span>都快下雪了，我也想跟哥去热热～</p>
                        <p><span>权志龙：</span>나는 서명～</p>
                        <p><span class="data-name"></span>回复<span>鹿晗：</span>马上！带个妹子飞过来！</p>
                        </div>
                    </div>
                </div>
            </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/bingbing.jpg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">范冰冰</p>
                <div class="post">
                    <p>听说你那边下雪了，记得照顾好自己 @<span class="data-name"></span></p>
                    <img class="list-img" src="${CONTEXT_PATH}/zb/img/bing1.jpg">
                    <img class="list-img data-avt" src="">
                </div>
                <p class="time">1分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
            <div class="r"></div>
            <div class="cmt-wrap">
                <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png"> 陈漫chenman </div>
                <div class="cmt-list">
                    <p><span>李晨：</span>我吃醋了@<span class="data-name"></span>，我们来打一架吧</p>
                    <p><span class="data-name"></span><span> ：</span>冰冰姐，你这样黑牛会杀了我</p>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/cjk.jpg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">苍井空</p>
                <p class="post">还是好困~</p>
                    <img src="${CONTEXT_PATH}/zb/img/cjk2.jpg">
                    </div>
                <p class="time">2分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png" <="" div="">
                <div class="r"></div>
                <div class="cmt-wrap">
                    <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">大鹏，王俊凯，陈冠希，刘恺威，张杰，李易峰</div>
                    <div class="cmt-list">
                        <p><span>陈冠希：</span>怪我咯~</p>
                        <p><span class="data-name"></span><span>：</span>怪我咯~</p>
                        <p><span>大鹏：</span>怪我咯~</p>                        
                        <p><span>李易峰：</span>怪我咯~</p>                        
                        <p><span>苍井空</span>回复<span class="data-name"></span><span> ：</span>知道就好！</p>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/liu.jpeg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">刘嘉玲</p>
                <div class="post">
                    <p>电影澳门风云3首映，好久不见了各位大爷！还有一个不愿露面的 @<b class="data-name"></b></p>
                    <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu1.jpg" style="height: 80px;">
                    <img class="list-img" src="${CONTEXT_PATH}/zb/img/liu3.jpg" style="height: 80px;">
                    <img class="list-img data-avt" src="" style="height: 80px;">
                </div>
                <p class="time">3分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
        </div>
    </li>
  
    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/TF1.jpeg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">TFboy-王俊凯</p>
                <div class="post">
                    <p>最可惜的，就是三缺一。@<span class="data-name"></span></p>
                    <p>
                        <img class="list-img" src="${CONTEXT_PATH}/zb/img/TF2.jpeg" style="height: 80px;">
                        <img class="data-avt list-img" src="" style="height: 80px;">
                    </p>
                </div>
                <p class="time">50分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
            <div class="r">
            </div>
            <div class="cmt-wrap">
                <div class="like">
                    <img src="${CONTEXT_PATH}/zb/img/like_icon.png">
                    <b class="data-name"></b>
                </div>
                <div class="cmt-list">
                    <p><span>tfboy-王源</span><span>：</span>一辈子兄弟</p>
                    <p><span>黄晓明</span><span>：</span>可惜，四小帅哥，加油！</p>
                    <p><span class="data-name"></span><span>：</span>别这么伤感，我还没死</p>
                    <p><span>tfboy-王俊凯</span>回复<span class="data-name"></span><span> ：</span>死鬼！</p>
                </div>
            </div>
        </div>
    </li>
	
	<li>
                <div class="po-avt-wrap">
                    <img class="po-avt data-avt" src="">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name"><span >路人甲</span></span></p>
                        <div class="post">
                            <p>广告位招租</p>
                            <p>
                                <img class="list-img data-avt" src="">
                            </p>
                        </div>
                        <p class="time">刚刚</p><img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="${CONTEXT_PATH}/zb/img/like_icon.png">中国人，湖北人，黄冈人，红安人，…</div>
                        <div class="cmt-list">
                        <p><span>中国人：</span>顶!</p>
                        <p><span>湖北人：</span>顶!</p>
                        <p><span>黄冈人：</span>顶!</p>
                        <p><span>红安人：</span>红安人必须要转啊！</p>
                        </div>
                    </div>
                </div>
            </li>

    <li>
        <div class="po-avt-wrap">
            <img class="po-avt" src="${CONTEXT_PATH}/zb/img/a7.jpg">
        </div>
        <div class="po-cmt">
            <div class="po-hd">
                <p class="po-name">金星</p>
                <p class="post">红安人关注这个红安人绝对发大财,小样,不信算了<img src="${CONTEXT_PATH}/zb/img/code_superhunter8.jpg"></p>
                <p class="time">55分钟前</p>
                <img class="c-icon" src="${CONTEXT_PATH}/zb/img/pl_icon.png">
            </div>
            <div class="r"> </div>
            <div class="cmt-wrap">
                <div class="cmt-list">
                    <p><span class="data-name"></span><span> ：</span>星姐，求虐！</p>
                    <p><span>金星</span>回复<span class="data-name"></span><span> ：</span>你呢，人长的挺好看，就是偏偏要靠才华。</p>
                </div>
            </div>
        </div>
    </li>
</ul>
 </script>
 

<#include "/zb/init.html" encoding="utf-8"/>

</body>
<div style="background-color: #0be386" id="uploadImage">上传图像</div>
</html>